@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './btn.scss';
@import './Muse-ui.scss';

body {
  height: 100%;
  color: #333;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app{
  min-height: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0 !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus{
  outline: none;
 }

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}
.mgt10{
  margin-top: pxCalc(10px);
}
.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
.font-colorRed{
  color: #ff0000;
}
.font-colorA1 {
  color: #a1a1a1;
}
.font-colorOrange{
  color: #ff7340;
}
.font-colorGreen{
  color: #4ccc58;
}
.font-colorBlue{
  color: #56abe4;
}
.font-colorGrey{
  color: #999!important;
}
code {
  background: #eef1f6;
  padding: 15px 16px;
  margin-bottom: 20px;
  display: block;
  line-height: 36px;
  font-size: 15px;
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  a {
    color: #337ab7;
    cursor: pointer;
    &:hover {
      color: rgb(32, 160, 255);
    }
  }
}

.warn-content{
  background: rgba(66,185,131,.1);
  border-radius: 2px;
  padding: 16px;
  padding: 1rem;
  line-height: 1.6rem;
  word-spacing: .05rem;
  a{
    color: #42b983;
    font-weight: 600;
  }
}
// toast提示层
.van-toast{
  text-align: center !important;
  z-index: 9999999999!important;
}
// 个人信息的列表展示
.public-list{
  background: #fff;
  &.item-active {
    &-item{
      &:active{
        background: #eee;
      }
    }
  }
  &-item{
    padding-left: pxCalc(20px);
    &:last-child{
      .content{
        border: none;
      }
    }
    .content{
      padding-left: pxCalc(5px);
      line-height: pxCalc(50px);
      border-bottom: pxCalc(1px) solid #f2f2f2;
      &.pdBT10{
        padding-top: 10px;
        padding-bottom: 10px;
      }
      .svg-icon{
        font-size: pxCalc(15px);
      }
      .txt{
        margin-left: pxCalc(2px);
        font-size: pxCalc(14px);
        color: #999999;
      }
      .label{
        color: #363b43;
      }
      .right{
        float: right;
        color: #d5d5d5;
        font-size: pxCalc(20px);
        margin-top: pxCalc(15px);
        margin-right: pxCalc(13px);
      }
      .right-txt{
        @include showEllipsis;
        width: pxCalc(230px);
        float: right;
        font-size: pxCalc(14px);
        color:#1a1a1a;
        margin-right: pxCalc(5px);
        text-align: right;
      }
      .right-img{
        float: right;
        width: pxCalc(40px);
        height: pxCalc(40px);
        border-radius: 40px;
        overflow: hidden;
        margin-top: pxCalc(5px);
        img{
          width: 100%;
          height: 100%;
        }
      }
      .edit-input{
        float: right;
        border: none;
        color: #363b43;
        font-size: pxCalc(14px);
        width: pxCalc(260px);
        margin-right: pxCalc(20px);
        line-height: pxCalc(30px);
        margin-top: pxCalc(10px);
        text-align: right;
      }
      .switch{
        margin-right: pxCalc(20px);
        margin-top: pxCalc(15px);
      }
    }
  }
}
// 个人信息的编辑
.public-edit{
  background: #fff;
  &-item{
    line-height: pxCalc(50px);
    border-bottom: pxCalc(1px) solid #f2f2f2;
    .label{
      width: pxCalc(65px);
      text-align: right;
      display: inline-block;
      color: #999999;
      font-size: pxCalc(14px);
    }
    .right{
      float: right;
      color: #d5d5d5;
      font-size: pxCalc(18px);
      margin-top: pxCalc(15px);
      margin-right: pxCalc(13px);
    }
    .edit-input{
      border: none;
      color: #363b43;
      font-size: pxCalc(14px);
      margin-left: pxCalc(5px);
      width: pxCalc(260px);
      margin-right: pxCalc(25px);
      line-height: pxCalc(30px);
      height: pxCalc(30px);
      margin-top: pxCalc(10px);
      text-align: right;
    }
  }
}
// 按钮背景
.bottom-btn{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1;
  .btnBg{
    cursor: pointer;
    width: percentage(710/750);
    margin: 0 auto;
    background: url('../assets/images/btnBg.png') center no-repeat;
    background-size:100% 100%;
    height: pxCalc(53px);
    text-align: center;
    color: #fff;
    font-size: pxCalc(16px);
    line-height: pxCalc(43px);
  }
}
// 带背景的小按钮
.org-bg{
  cursor: pointer;
  border: pxCalc(1px) solid #ff7340;
  line-height: pxCalc(30px);
  padding:0 pxCalc(12px);
  display: inline-block;
  font-size: pxCalc(12px);
  color: #fff;
  border-radius: pxCalc(30px);
  margin-left: pxCalc(4px);
  background: #ff7340;
  margin-top: pxCalc(-5px);
  box-shadow: 0px pxCalc(4px) pxCalc(5px) rgba(255, 115, 64, 0.22);
  &:active{
    background: #e8693a;
    color: #fff;
  }
}
// 暂无数据
.noData{
  background-color: #fff;
  height: 93vh;
  width: 100%;
  display: flex;
  justify-content:center;
  align-items:center;
  &.small{
    height: 66vh;
  }
  .content{
    text-align: center;
    margin-top: pxCalc(-30px);
    .text{
      color: #b2b2b1;
      font-size: pxCalc(14px);
      margin-top: pxCalc(15px);
    }
  }
}
// 加载中
.loading{
  line-height: pxCalc(60px);
  font-size: pxCalc(12px);
  text-align: center;
  color: #b2b2b1;
  .load-icon{
    display: inline-block;
    margin-right: pxCalc(10px);
  }
}
// 已获取所有数据后底部文字
.getAllData{
  text-align: center;
  color: #999;
  line-height: pxCalc(36px);
  text-align: center;
  font-size: pxCalc(12px);
}
// sku弹窗层级
.mu-bottom-sheet{
  z-index: 99999!important;
}
.mu-overlay{
  z-index: 99!important;
}
.van-modal{
  z-index: 99!important;
}
// 底部nav层级

